#{extends 'main.html' /} #{set title:'Sign up' /}

<div class="row-fluid">
	<div class="span6 offset3">
		<div class="hero-unit">
			#{if flash?.error}
			<div class="error">
				<p style="color: #c00">${flash.error}</p>
			</div>
			#{/if} #{if flash?.success}
			<div class="success">
				<p style="color: #5fa022">${flash.success}</p>
			</div>
			#{/if}
			<p><h6>Register with us to receive special offers when shopping if you are logged in and to get the latest offers.</h6></p>
			<h2 id="title">Create your account:</h2>
			<form id="signup" action="@{Application.register}" method="POST"
				accept-charset="${_response_encoding}">
				<p>
					<label for="email">E-mail address</label> <input type="text"
						name="email" value="${flash.email}" id="email" /> <span
						class="error">#{error 'email' /}</span>
				</p>
				<p>
					<label>Name</label> <input type="text" name="name"
						value="${flash.name}" id="name" /> <span class="error">#{error
						'name' /} 
				</p>
				<p>
				<p>
					<label for="password">Password</label>
				<div>
					<input type="password" name="password" value="${flash.password}"
						id="password" /> <span class="error">#{error 'password' /}</span>
				</div>
				<label for="password2">Enter your password again</label>
				<div>
					<input type="password" name="password2" value="${flash.password2}"
						id="password2" /> <span class="error">#{error 'password2'
						/}</span>
				</div>
				</p>
				<p class="buttons">
					<input type="submit" value="Signup" id="signupButton"
						class="btn btn-primary btn-large" />
				</p>
			</form>
		</div>
	</div>
</div>